svg {
  display: inline-block !important;
}

$bg-color-active: #02c2d3;

#competition {
  li {
    @apply select-none;
  }
  .active {
    background-color: $bg-color-active;
    position: relative;
    &::after {
      position: absolute;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-left: 20px solid $bg-color-active;
      content: '';
      top: 50%;
      transform: translateY(-50%);
      right: -30px;
    }
  }
  .normal {
    @apply text-gray-600;
    background-color: #fafafa;
  }
  .flex-center {
    @apply flex items-center justify-center font-bold;
    font-size: 18px;
  }
}
